<template>
     <div>
        <!-- <h2>兄弟1</h2> -->
        <h2 class="top">
            <span v-for="(item,index) in getC" :key="index">{{item}}</span>
        </h2>
        <h2>{{num}}</h2>
        <h2>{{msg}}</h2>

        <h2>{{getNum}}</h2>
     </div>
</template>

<script>
export default {
   //在子组件中通过props 属性获取数据
   props:{ //接收 父组件给数据
     getC:{
        type:Array,
        
     },
    //  
     num:{ //父组件可能会传这个数据，拿父组件的数据，没有 默认
        type:Number,
        //  default:100 //默认值
     }
   },
   data(){ //自己组件的数据
    return{
         msg:'自己的数据'
    }
   },
   computed:{
     getNum(){


        return this.num+100
     }
   },
   //问题父组件给数据不是我想要的  num 1000
   created(){
       //在子组件的实例中获取到props中的数据
       console.log(this.num);
       //注意：props 接收的数据 不要修改
  
   }
   
}
</script>

<style>
  .top{
    padding:10px 10px;
    background:black;
    color:#fff;
  }
</style>